@charset "utf-8";
/* 
    020 07 19
    details header fix-footer   lili
 */
html{font-size: 50px;} @media screen and (min-width:320px){html{font-size:21.33px}} @media screen and (min-width:360px){html{font-size:24px}} @media screen and (min-width:375px){html{font-size:25px}} @media screen and (min-width:384px){html{font-size:25.6px}} @media screen and (min-width:400px){html{font-size:26.67px}} @media screen and (min-width:414px){html{font-size:27.6px}} @media screen and (min-width:424px){html{font-size:28.27px}} @media screen and (min-width:480px){html{font-size:32px}} @media screen and (min-width:540px){html{font-size:36px}} @media screen and (min-width:720px){html{font-size:48px}} @media screen and (min-width:750px){html{font-size:50px}} @media screen and (min-width:768px){html{font-size:51.2px}} 
/* input placeholder color */
:-moz-placeholder {color: #ccc; font-size: .56rem;}
::-moz-placeholder {color: #ccc; font-size: .56rem;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #ccc; font-size: .56rem;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc; font-size: .56rem;}
.input-placeholder{color: #ccc !important; font-size: .56rem;}
input,textarea,button {-webkit-user-select:auto; /*webkit浏览器*/ margin: 0px; padding: 0px; outline: none; }
a{text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
body{word-break: break-all;}

.list-flex,.list-flex-top,.list-flex-center,.list-flex-in,.list-flex-space,.list-flex-br,.list-flex-column{display:-webkit-box; display:-webkit-flex; display:flex;}
.list-flex,.list-flex-in{ -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.list-flex-top{-webkit-box-align:top; -webkit-align-items:top; align-items:top; }
.list-flex-center,.list-flex-in{-webkit-box-pack: center;justify-content:center;}
.list-flex-space{justify-content:space-between;}
.list-flex-in{text-align: center;}
.list-flex-br{flex-wrap:wrap;}
.list-flex-column{-webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;}
.list-row-reverse{ flex-direction: row-reverse;}
.list-bd{-webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; }
.list-br2{width: 50%;}
.list-br3{width: 33.33%;}
.list-br4{width: 25%;}
.list-br5{width: 20%;}

.fl-l{float: left;}
.fl-r{float: right;}
.pos-r{position: relative;}
.pos-r-z{position: relative;z-index: 1;}
.block100{display: block;width: 100%;}
.block100t{display: block;width: 100%;height: 100%;}
.line-clamp1,.line-clamp2,.line-clamp3{overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.line-clamp1{ -webkit-line-clamp: 1;}
.line-clamp2{ -webkit-line-clamp: 2;}
.line-clamp3{ -webkit-line-clamp: 3;}
.p-text,.p-text p{text-align: justify;word-break: normal;}
.max-auto{max-width: 100%;max-height: 100%;}
.clear:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.hide{display: none;}
.icon-details,.header-more-popup ul li a:after,
.icon-01,.tabbar-fix .icon-tabbar{
    background-image: url('../../../images/youlai/patient/icon/icon_details.png');
    background-size: 2rem 20rem;background-repeat: no-repeat;
}
 /* header */
.header-wrap{height:1.76rem;padding: 0 .96rem;}
.header-icons{position: absolute;top: 0;left: .92rem;right: .8rem;bottom: 0;}
.header-goback{width: .8rem;height: .8rem;margin-right: .16rem;}
.header-wrap h2{font-size: .68rem;color: #030303;text-align: center;font-weight: normal;}
.head-right-button{position: absolute;right: .96rem;top: .32rem;height: 1.12rem;padding: 0 .48rem;background: #D3DDE6;font-size: .56rem;color: #fff;line-height: 1.12rem;border-radius: 1.12rem;}
.head-right-button.ok{background: #2DD46F;}
.header-logo{display: block;height: .96rem;width: auto;}
.header-search{width: .96rem;height: .96rem;background-position: center -2rem;}
.header-more{width: .96rem;height: .96rem;background-position: center -6rem;margin-left: .64rem;}

.nav-fix-black {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 10003; }
.header-more-popup{display: none; position: fixed;top: 1.88rem;right: .56rem;background: #fff;border-radius: .16rem; z-index: 10004; }
.header-more-popup ul li{ border-bottom: 1px solid #E0E0E0;}
.header-more-popup ul li:last-child{border-bottom: 0;}
.header-more-popup ul li a{position: relative;}
.header-more-popup ul li a{display: block;padding: 0 .8rem 0 1.92rem;line-height: 1.92rem;font-size: .64rem;color: #333;}
.header-more-popup ul li a:after{content: ' ';position: absolute;top: .56rem;left: .8rem;width: .8rem;height: .8rem;}
.header-more-popup ul li:first-child a:after{background-position: right -14rem;}
.header-more-popup ul li:last-child a:after{background-position: left -14rem;}
.header-more-popup:after {content: ' '; position: absolute; top: -.2rem; left: 2.76rem; width: .4rem; height: .4rem; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.fix-top{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;}
.my-list-header,.header-wrap{background: #fff;}
.my-list-top1{padding-top: 1.76rem;}

/* tabbar */
.tabbar{height: 2rem;}
.tabbar-fix{position: fixed;bottom: 0;left: 0;right: 0;background: #fff;border-top: 1px solid #E0E0E0;z-index: 10000;}
.tabbar-fix ul{height: 2rem;}
.tabbar-fix .icon-tabbar{width: .96rem;height: .96rem;margin: 0 auto .16rem;}
.tabbar-fix .tabbar-name{font-size: .48rem;color: #333; line-height: 1;padding-bottom: .12rem;}
.tabbar-fix li a{display: block; position: relative;}
.tabbar-fix li.curr .tabbar-name{color: #0089E4;}
.tabbar-fix li:nth-child(1) .icon-tabbar{background-position: center -8rem;}
.tabbar-fix li:nth-child(2) .icon-tabbar{background-position: center -10rem;}
.tabbar-fix li:nth-child(3) .icon-tabbar{background-position: center -12rem;}
.tabbar-news-spot{position: absolute;top: -.08rem;left: 50%;margin-left: .2rem; background: #FB6060;width: .4rem;height: .4rem;border-radius: .4rem;font-style: normal;}
.tabbar-news-num{position: absolute;top: -.08rem;left: 50%;margin-left: .2rem; background: #FB6060;height: .64rem;text-align: center;line-height: .64rem;border-radius: .64rem;padding: 0 .2rem;font-size: .4rem;color: #fff;font-style: normal;}
.tabbar-news-num2{position: absolute;top: -.12rem;left: 50%;margin-left: .36rem;height: .64rem;text-align: center;line-height: .64rem;padding: 0 .2rem;font-size: .48rem;color: #333;font-style: normal;}

/* 评论列表 */
.bodynoscrr{height: 100%; overflow: hidden;}
.fix-black{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 10003; }
.comment-list-wrap{position: fixed; top: 10%; left: 0; right: 0; bottom: 0; z-index: 10004;}
.comment-list-in{width: 100%;height: 100%; background: #fff;border-radius: .64rem .64rem 0 0;}
.comment-title h6{height: 1.76rem;font-size: .56rem;color: #999;text-align: center; line-height: 1.76rem;font-weight: normal;}
.close-pop{position: absolute;top: .48rem;right: .88rem;width: .8rem;height: .8rem;background-position: center -4rem;}
.comment-go{padding: .6rem 1rem .6rem;}
.comment-go li{height: 1.6rem;padding:0 .8rem; background: #F5F8FA;line-height: 1.6rem;border-radius: 1.6rem;font-size: .56rem;color: #999;}
.comment-list{padding: 0 .64rem; overflow: scroll;}
.comment-list dl dt{padding-top: .72rem;}
.comment-list dl dd{padding: .6rem 0 .64rem;border-top: .04rem solid #E0E0E0;}
.comment-list dl:first-child dd{border-top: 0;}
.comment-list .comment-pic{ margin-right: .32rem; }
.comment-list .comment-pic,
.comment-list .comment-pic img{width: 1.28rem; height: 1.28rem;}
.comment-list .comment-pic img{border-radius: 50%;}
.comment-list .li-title{font-size: .48rem; color: #999; line-height: 1.5; margin-bottom: .16rem; }
.comment-list .comment-text{font-size: .56rem;color: #333;line-height: .8rem;}

/* loading */
.mytinfo,.mybromptbottom{font-size: .48rem;color: #666;text-align: center;padding: .8rem 0;}
.myicon-loading{
	display: block;width: .64rem;height: .64rem;margin-right: .16rem;
	font-size: .48rem;color: #666;
	background-image: url('../../../images/youlai/patient/icon/loading.gif');
	background-size: 100%;background-repeat: no-repeat;background-position: center;
}

/* 评论 */
#commentWrap .fix-black{ background: rgba(0,0,0,.8);z-index: 10005;}
.comment-form{position: fixed; top: 20%; left: 0; right: 0; z-index: 10006;background:#fff;border-radius: .64rem;padding: .64rem .96rem;}
.comment-form-p{font-size: .48rem;color: #999;margin-bottom: .16rem;}
.comment-form-textarea{border:.04rem solid #E0E0E0;border-radius: .16rem;height: 5.36rem;padding: .4rem .48rem 1.2rem;margin-bottom: .4rem;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.comment-form-textarea textarea{display: block;width: 100%;height: 100%;font-size: .64rem; color: #333;}
.countbox{position: absolute;bottom: .48rem;right: .48rem;font-size: .56rem; color: #ccc;}
.countbox .count{color: #666;font-weight: normal;}

.comment-btn{padding:0 1.04rem; height: 1.28rem;background:#D3DDE6;font-size: .56rem; color: #fff;border-radius: 1.28rem;text-align: center;line-height: 1.28rem;}
.comment-btn-submit{background:#0071D1;}
/* Toast tips */
.fix-tips{display: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0; text-align: center; z-index: 10009;}
.fix-black-tips{background-color: rgba(0,0,0,.05);}
.fix-tips-text{display: inline-block;max-width: 90%;margin: 0 auto;font-size: .56rem; color: #fff;text-align: center;line-height: 1rem;padding: .38rem .6rem;background-color: rgba(0,0,0,.7);border-radius: .16rem;}
.height-percent-80{height: 80%;}
.height-percent-90{height: 90%;}
.height-percent-100{height: 100%;}

/* fix center */
.mask-black,.tab-share-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10001;}
.mask-black{background: #000; opacity: .6;}
.tab-share-popup{height: 90%;padding: 0 1.6rem;}
.tab-share-popup>div{width: 100%;}
.tab-share-con{width: 100%;padding: .8rem .64rem;background: #fff;border-radius: .64rem;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-share-con h3{font-size: .8rem;font-weight: bold;color: #333; padding-bottom: .16rem;}
.tab-share-con .ylQRcode{width: 6.4rem;height: 6.4rem;margin: .4rem auto 0;border:.12rem solid #0071D1;border-radius: .32rem;overflow: hidden;}
.tab-share-con .ylQRcode img{display: block;width: 100%;}
.close-bottom{padding-top: .8rem;}
.close-bottom .icon-close{
	width: 1.28rem;height: 1.28rem;
	background-image: url('../../../images/youlai/patient/icon/icon_pop_close_white.png');
	background-size: cover;background-repeat: no-repeat;background-position: center;
}
.v-copy-text-input{height: 1px;overflow: hidden;opacity: 0;}
.tab-share-textlist{}
.tab-share-textlist dl{margin-top: .64rem;background:rgba(0,113,209,.09);border-radius: .16rem;padding: .32rem;font-size: .56rem;color: #0071D1;text-align: left;line-height: .8rem;}
.tab-share-textlist dl:last-child{padding-bottom: .62rem;}
.tab-share-textlist dl dd{padding-top: .08rem;}
.tab-share-textlist dl p{font-size: .56rem;line-height: .64rem;}
.tab-share-textlist dl .text-tips{font-size: .48rem;color: #999;line-height: .8rem;padding-top: .16rem;}
.tab-share-con .comment-form-textarea{margin-top: -.4rem;background: #fff;}
.tab-share-con .comment-form-textarea{ height: 5.4rem;padding-bottom: .8rem;}
.tab-share-con .comment-form-textarea textarea {display: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0; font-size: .48rem;line-height: .64rem;}
.tab-share-con .countbox {bottom: .2rem; right: .4rem; font-size: .48rem; }
.copy-text-wrap{position: relative; font-size: .48rem;color: #333;line-height: .64rem;text-align: left;word-wrap:break-word;}
.copy-text-link{font-size: .48rem;color: #999;line-height: .64rem;text-align: left;word-wrap:break-word;margin-top: .48rem;}

/* detail title */
.top-title{height: 1rem;overflow: hidden;}
.detail-top-title{height: 1rem;line-height: 1rem;font-size: .56rem;color: #333;margin: 0 1.36rem 0 .4rem;text-align: center;}
.detail-top-title.ios{margin: 0 .6rem 0 2.2rem;}








